$base-color-blue: #f34d37;
$base-color-green: #13ce66;
$base-color-yellow: #ffba00;
$base-color-orange: #ff6700;
$base-color-red: #ff4d4f;

:export {
  vui-color-primary: $base-color-blue;
  vui-color-primary-light-1: mix($base-color-white, $base-color-blue, 10%);
  vui-color-primary-light-2: mix($base-color-white, $base-color-blue, 20%);
  vui-color-primary-light-3: mix($base-color-white, $base-color-blue, 30%);
  vui-color-primary-light-4: mix($base-color-white, $base-color-blue, 40%);
  vui-color-primary-light-5: mix($base-color-white, $base-color-blue, 50%);
  vui-color-primary-light-6: mix($base-color-white, $base-color-blue, 60%);
  vui-color-primary-light-7: mix($base-color-white, $base-color-blue, 70%);
  vui-color-primary-light-8: mix($base-color-white, $base-color-blue, 80%);
  vui-color-primary-light-9: mix($base-color-white, $base-color-blue, 90%);
  vui-color-success: $base-color-green;
  vui-color-success-light: mix($base-color-white, $base-color-green, 80%);
  vui-color-success-lighter: mix($base-color-white, $base-color-green, 90%);
  vui-color-warning: $base-color-yellow;
  vui-color-warning-light: mix($base-color-white, $base-color-yellow, 80%);
  vui-color-warning-lighter: mix($base-color-white, $base-color-yellow, 90%);
  vui-color-danger: $base-color-red;
  vui-color-danger-light: mix($base-color-white, $base-color-red, 80%);
  vui-color-danger-lighter: mix($base-color-white, $base-color-red, 90%);
  vui-color-error: $base-color-red;
  vui-color-error-light: mix($base-color-white, $base-color-red, 80%);
  vui-color-error-lighter: mix($base-color-white, $base-color-red, 90%);
  vui-color-info: #909399;
  vui-color-info-light: mix($base-color-white, #909399, 80%);
  vui-color-info-lighter: mix($base-color-white, #909399, 90%);
  vui-border-radius-base: 2.5px;
}
